<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>订单查询</title>
		<!-- Tell the browser to be responsive to screen width -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Font Awesome -->
		<link rel="stylesheet" href="../../plugins/font-awesome/css/font-awesome.min.css">
		<!-- Ionicons -->
		<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
		<!-- Theme style -->
		<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
		<!-- iCheck -->
		<link rel="stylesheet" href="../../plugins/iCheck/flat/blue.css">
		<!-- Morris chart -->
		<link rel="stylesheet" href="../../plugins/morris/morris.css">
		<!-- jvectormap -->
		<link rel="stylesheet" href="../../plugins/jvectormap/jquery-jvectormap-1.2.2.css">
		<!-- Date Picker -->
		<link rel="stylesheet" href="../../plugins/datepicker/datepicker3.css">
		<!-- Daterange picker -->
		<link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker-bs3.css">
		<!-- bootstrap wysihtml5 - text editor -->
		<link rel="stylesheet" href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
		<!-- Google Font: Source Sans Pro -->
		<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
		<!-- DataTables -->
		<link rel="stylesheet" href="../../plugins/datatables/dataTables.bootstrap4.css">
	</head>

	<body class="hold-transition sidebar-mini">
		<div align="center">
			<table border="1px"  class="table table-hover">
				<tr>
					<td colspan="3" align="center">
						<h2>快递信息查询</h2>
					</td>
				</tr>
				<tr>
					<td width="40%">
						<table border="1px" class="table table-hover">
							<tr>
								<td colspan="2" align="center">
									<h2>快递基本信息</h2></td>
							</tr>
							<tr>
								<td>寄件人姓名：</td>
								<td id="senderinformation"></td>
							</tr>
							<tr>
								<td>寄件人手机号：</td>
								<td id="sendercontactway"></td>
							</tr>
							<tr>
								<td>寄件人地址：</td>
								<td id="placeofdeparture"></td>
							</tr>
							<tr>
								<td>收件人姓名：</td>
								<td id="consigneeinformation"></td>
							</tr>
							<tr>
								<td>收件人手机号：</td>
								<td id="concontactway"></td>
							</tr>
							<tr>
								<td>收件人地址：</td>
								<td id="cargoinformation"></td>
							</tr>
							<tr>
								<td>运费：</td>
								<td id="totalvalue"></td>
							</tr>
						</table>
					</td>
					<td width="20%"></td>
					<td width="40%">
						<table border="1px" class="table table-hover">
							<tr>
								<td colspan="2" align="center">
									<h2>物流详情</h2></td>
							</tr>
							<tr>
								<td colspan="2">
									<div id="div1">
										<div id="div2">
											<table id="travelposition" border="1px" align="center" class="table table-hover">
												
											</table>
										</div>
									</div>
								</td>
							</tr>
						</table>
					</td>
				</tr>

			</table>
		</div>
		<!-- jQuery -->
		<script src="../../plugins/jquery/jquery.min.js"></script>
		<!-- jQuery UI 1.11.4 -->
		<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
		<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
		<script>
			$.widget.bridge('uibutton', $.ui.button)
		</script>
		<!-- Bootstrap 4 -->
		<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
		<!-- DataTables -->
		<link rel="stylesheet" href="../../plugins/datatables/dataTables.bootstrap4.css">
		<!-- Theme style -->
		<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
		<!-- Morris.js charts -->
		<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
		<script src="../../plugins/morris/morris.min.js"></script>
		<!-- Sparkline -->
		<script src="../../plugins/sparkline/jquery.sparkline.min.js"></script>
		<!-- jvectormap -->
		<script src="../../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
		<script src="../../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
		<!-- jQuery Knob Chart -->
		<script src="../../plugins/knob/jquery.knob.js"></script>
		<!-- daterangepicker -->
		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
		<script src="../../plugins/daterangepicker/daterangepicker.js"></script>
		<!-- datepicker -->
		<script src="../../plugins/datepicker/bootstrap-datepicker.js"></script>
		<!-- Bootstrap WYSIHTML5 -->
		<script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
		<!-- Slimscroll -->
		<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
		<!-- FastClick -->
		<script src="../../plugins/fastclick/fastclick.js"></script>
		<!-- AdminLTE App -->
		<script src="../../dist/js/adminlte.js"></script>
		<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
		<script src="../../dist/js/pages/dashboard.js"></script>
		<!-- AdminLTE for demo purposes -->
		<script src="../../dist/js/demo.js"></script>
		<script src="../../js/jquery.cookie.js"></script>
		<!-- page script -->
		<script>
			//查找寄件单
			function showData() {
				 var sasid=window.parent.getData();
				 $.ajax({
					type: "post", //请求方式
					async: true, //是否异步
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					url: "http://localhost:8073/myCart",
					dataType: "json", //跨域json请求一定是jsonp
					// jsonp: "callback", //跨域请求的参数名，默认是callback
					//jsonpCallback:"successCallback",    //自定义跨域参数值，回调函数名也是一样，默认为jQuery自动生成的字符串
					data: {sasid:sasid}, //请求参数
					beforeSend: function() {
						//请求前的处理
						//alert("请求前")
					},
					success: function(data) {
						if(data!=null){
							$("#senderinformation").empty()
							$("#sendercontactway").empty()
							$("#placeofdeparture").empty()
							$("#consigneeinformation").empty()
							$("#concontactway").empty()
							$("#cargoinformation").empty()
							$("#totalvalue").empty()
							$("#travelposition").empty()
							$("#senderinformation").append(""+data.senderinformation+"")
							$("#sendercontactway").append(""+data.sendercontactway+"")
							$("#placeofdeparture").append(""+data.placeofdeparture+"")
							$("#consigneeinformation").append(""+data.consigneeinformation+"")
							$("#concontactway").append(""+data.concontactway+"")
							$("#cargoinformation").append(""+data.cargoinformation+"")
							$("#totalvalue").append(""+data.totalvalue+"")
							$("#travelposition").append(""+data.travelposition+"")
						}else{
							alert("订单输入有误")
						}
					},
					complete: function(data) {
						//请求完成的处理
					},
					error: function() {
						window.location.replace("500.html");
					}
				});
				 
			}
			showData();
			$(function() {
				$("#example1").DataTable();
				$('#example2').DataTable({
					"paging": true,
					"lengthChange": false,
					"searching": false,
					"ordering": true,
					"info": true,
					"autoWidth": false
				});
			});
		</script>
		<script>
		</script>
		<style>
			#div1 {
				width: 650px;
				height: 300px;
				overflow: hidden;
			}
			
			#div2 {
				width: 650px;
				height: 300px;
				overflow-wrap: break-word;
				overflow-y: scroll;
			}
		</style>
	</body>

</html>